.container {
    display: flex;
    height: 100vh;
    font-family: 'Microsoft YaHei', sans-serif;

    scroll-view.chapter {
        flex: 1;
        background-color: #F5EBE0;
        overflow-y: auto;
        height: 100%;

        view {
            padding: 50rpx 2rpx;
            border-bottom: 2rpx solid #D5B4B4;
            color: #674188;
            transition: all 0.3s ease;

            &:hover {
                background-color: #D5B4B4;
                color: white;
            }
        }

        .active {
            border-left: 6rpx solid #C3ACD0;
            background-color: #D5B4B4;
            color: white;
        }
    }

    .content {
        flex: 4;
        background-color: #FFFBEB;
        text-indent: 2rem;
        overflow-y: auto;

        .main {
            padding: 30rpx;
            padding-bottom: 80rpx;

            .title {
                text-align: center;
                text-indent: 0rem;
                font-size: 48rpx;
                color: #674188;
                font-weight: bold;
                margin-bottom: 40rpx;
                padding-bottom: 20rpx;
                border-bottom: 2rpx solid #D5B4B4;
            }

            .text {
                margin-top: 30rpx;
                color: #4942E4;
                line-height: 1.8;
                font-size: 36rpx;
            }

            .fanyi {
                margin-top: 60rpx;
                padding: 15rpx 0;
                border-top: 2rpx solid #D5B4B4;
                border-bottom: 2rpx solid #D5B4B4;
                text-indent: 0rem;
                font-size: 40rpx;
                color: #674188;
                font-weight: bold;
            }

            .comment {
                margin-top: 30rpx;
                color: #4942E4;
                line-height: 1.8;
                font-size: 36rpx;
            }

            .anyu {
                margin-top: 60rpx;
                padding: 15rpx 0;
                border-top: 2rpx solid #D5B4B4;
                border-bottom: 2rpx solid #D5B4B4;
                text-indent: 0rem;
                font-size: 40rpx;
                color: #674188;
                font-weight: bold;
            }

            .anyu_item {
                margin-top: 30rpx;
                color: #4942E4;
                line-height: 1.8;
                font-size: 36rpx;
            }
        }
    }
}